﻿{include file="../application/admin/view/common/header.html" /}
<style type="text/css">

    .radio-box {
        display: inline-block;
        width: 64px;
    }

    /* .formControls{padding-right:50px; position: relative;} */
    .textarea {
        height: 100px;
        resize: none;
        font-size: 14px;
        padding: 4px;
    }

    .textarea-numberbar {
        position: absolute;
        right: 70px;
        bottom: 5px;
        z-index: 1;
        margin-bottom: 0;
    }
</style>

<!--main content start-->
<section class="main-content">
    <!--start page content-->
    <div class="row">

        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="tabs">
                        <!-- Nav tabs -->
                        <!--<ul class="list-inline tabs-nav" role="tablist">-->
                        <!--<li role="presentation" class="active" id="1">-->
                        <!--<a href="#copyright" aria-controls="copyright" role="tab" data-toggle="tab"-->
                        <!--aria-expanded="true">版权</a>-->

                        <!--</li>-->
                        <!--<li role="presentation" class="" id="7">-->
                        <!--<a href="#trademark" aria-controls="trademark" role="tab" data-toggle="tab"-->
                        <!--aria-expanded="false">-->
                        <!--商标</a></li>-->
                        <!--<li role="presentation" class="" id="11">-->
                        <!--<a href="#proprietary-technology" aria-controls="proprietary-technology" role="tab"-->
                        <!--data-toggle="tab" aria-expanded="false">专有技术</a>-->
                        <!--</li>-->
                        <!--<li role="presentation" class="" id="14">-->
                        <!--<a href="#patent" aria-controls="patent" role="tab"-->
                        <!--data-toggle="tab" aria-expanded="false">专利</a>-->

                        <!--</li>-->
                        <!--</ul>-->
                        <!-- Tab panes -->
                        <div>
                            <div role="tabpanel" class="tab-pane">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="panel panel-default collapsed">
                                            <div class="panel-heading">
											<a class="btn btn-blue ui-w" onclick="all_yes(this)"
                                                   href="javascript:void(0);"><span
                                                        class="ui-icon ui-icon-check"> </span>&nbsp;批量通过</a>
                                                <label for="name"
                                                       style="color: #666666;font-size: 16px;font-weight: normal;line-height: 34px;margin: 3px 25px 3px 30px;">状态:
                                                    <select id="select1"
                                                            style="height: 34px;border:1px solid #e0e0e0;width: 150px; ">
                                                        <option value="0">全部</option>
                                                        <option value="1">待审核</option>
                                                        <option value="2">审核成功</option>
                                                        <option value="3">审核失败</option>
                                                    </select>
                                                </label>
                                                <!--<label for="name"-->
                                                <!--style="color: #666666;font-size: 16px;font-weight: normal;line-height: 34px;margin: 3px 0;margin-right: 25px;">类别:-->
                                                <!--<select id="select2"-->
                                                <!--style="height: 34px;border:1px solid #e0e0e0;width: 150px; ">-->
                                                <!--</select>-->
                                                <!--</label>-->
                                                <label for="name"
                                                       style="color: #666666;font-size: 16px;font-weight: normal;line-height: 34px;margin: 3px 0;margin-right: 25px;">交易方式:
                                                    <select id="select3"
                                                            style="height: 34px;border:1px solid #e0e0e0;width: 150px; ">
                                                    </select>
                                                </label>
                                                <!--<label for="name"-->
                                                <!--style="display: none;color: #666666;font-size: 16px;font-weight: normal;line-height: 34px;margin: 3px 0;margin-right: 25px;">组合类型:-->
                                                <!--<select id="select4"-->
                                                <!--style="height: 34px;border:1px solid #e0e0e0;width: 150px;">-->
                                                <!--<option value="0">全部</option>-->
                                                <!--<option value="1">中文</option>-->
                                                <!--<option value="2">英文</option>-->
                                                <!--<option value="3">图形</option>-->
                                                <!--</select>-->
                                                <!--</label>-->
                                                <!--<label for="name"-->
                                                <!--style="display: none;color: #666666;font-size: 16px;font-weight: normal;line-height: 34px;margin: 3px 0;margin-right: 25px;">状态:-->
                                                <!--<select id="select5"-->
                                                <!--style="height: 34px;border:1px solid #e0e0e0;width: 150px;">-->
                                                <!--<option value="0">全部</option>-->
                                                <!--<option value="1">报告级</option>-->
                                                <!--<option value="2">方案级</option>-->
                                                <!--<option value="3">功能级</option>-->
                                                <!--<option value="4">仿真级</option>-->
                                                <!--<option value="5">初样级</option>-->
                                                <!--<option value="6">大师级</option>-->
                                                <!--</select>-->
                                                <!--</label>-->
                                                <div class="float-m" style="display: inline-block;">
                                                    <label>日期范围:</label>
                                                    <input type="text" id="logmin" class="input-text Wdate"
                                                           style="width:100px;display: inline-block;">
                                                    -
                                                    <input type="text" id="logmax" class="input-text Wdate"
                                                           style="width:100px;display: inline-block;">
                                                </div>

                                                <div class="search-form" style="margin-left:10px;width: 200px; ">
                                                    <input type="text" class="form-control" style="width: 200px;"
                                                           placeholder="输入商品名称"/>
                                                    <button type="button" class="btn-search"><i
                                                            class="fa fa-search"></i></button>
                                                </div>
                                            </div>
                                            <div class="panel-body">
                                                <input type="hidden" id="all">
                                                <input type="hidden" id="s">
                                                <input type="hidden" id="p_id">
                                                <input type="hidden" id="c_id">

                                                <table class="table table-hover table-striped table-bordered"
                                                       data-page-size="12" data-filter=#filter>
                                                    <thead>
                                                    <tr>
                                                        <th><input type="checkbox" id="role"></th>
                                                        <th>ID</th>
                                                        <th>发布店铺</th>
                                                        <th>商品名称</th>
                                                        <th>类别</th>
                                                        <th>价格(￥)</th>
                                                        <th>发布时间</th>
                                                        <th>状态</th>
                                                        <th>操作</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>

                                                    </tbody>
                                                </table>
                                                <div class="pager" id="page" style="text-align: right;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div><!--end row-->

    <!--end page content-->


</section>
<!--end main content-->


<!--Common plugins-->
<script src="_JS_/jquery.min.js"></script>
<script src="_JS_/jquery.base64.js"></script>
<script src="_JS_/jquery.cookie.js"></script>
<script src="_JS_/bootstrap.min.js"></script>
<script src="_JS_/jasny-bootstrap.min.js"></script>
<script src="_JS_/jquery.slimscroll.min.js"></script>
<script src="_JS_/jquery.nanoscroller.min.js"></script>
<script src="_JS_/metismenu.min.js"></script>
<script src="_JS_/float-custom.js"></script>
<script type="text/javascript" src="_JS_/layer/layer.js"></script>
<script type="text/javascript" src="_JS_/laypage/laypage.js"></script>
<script type="text/javascript" src="_JS_/laydata/laydate.js"></script>
<script type="text/javascript" src="_JS_/getMyDate.js"></script>
<!-- <script src="js/footable.all.min.js"></script> -->
<!-- Page-Level Scripts -->
<script>
    $(function () {
        $("#page-title").html("交易市场管理");
        // getfile(1);
        getlile(0);
        postfile(1);
    });

    function getlile() {
        $.ajax({
            type: 'GET',
            url: "{:url('api/trading/get_c_id')}",
            dataType: 'jsonp',
            jsonp: 'callback',
            success: function (msg) {
                $("#select3").html('');
                if (msg.code == 200) {
                    if (msg.data.length > 0) {
                        var text = '<option value="0">全部</option>';
                        for (var j = 0; j < msg.data.length; j++) {
                            text += '<option value="' + msg.data[j].id + '">' + msg.data[j].trading_name + '</option>';
                        }
                    }
                    $("#select3").html(text);
                }
            }
        });
    }

    function postfile(page, s, c_id) {
        var username = $('.search-form input').val();
        var logmin = $("#logmin").val();
        var logmax = $("#logmax").val();
        $.ajax({
            type: 'GET',
            url: "{:url('api/trading/index')}",
            dataType: 'jsonp',
            jsonp: 'callback',
            data: {
                'page': page,
                'username': username,
                'logmin': logmin,
                'logmax': logmax,
                'static': s,
                // 'p_id': val,
                // 'category_id': p_id,
                'c_id': c_id,
            },
            beforeSend: function () {
                var index = layer.load(1, {
                    shade: [0.1, '#333333'] //0.1透明度的白色背景
                });
            },
            success: function (msg) {
                layer.closeAll();
                if (msg.code == 200) {
                    var pages = Math.ceil(msg.data.count / 10);
                    $(".table tbody").html('');
                    if (msg.data.data.length > 0) {
                        for (var i = 0; i < msg.data.data.length; i++) {
                            var time = msg.data.data[i].time;
                            ltime = getMyDate(time * 1000);

                            var html = '<tr id="' + msg.data.data[i].id + '"><td><input class="checked" type="checkbox" name=""></td><td>' + msg.data.data[i].id + '</td>' +
                                '<td>' + msg.data.data[i].name + '</td><td>' + msg.data.data[i].username + '</td>' +
                                '<td>' + msg.data.data[i].market_name + '</td><td>' + msg.data.data[i].store + '</td>' +
                                '<td>' + ltime + '</td>';
                            if (msg.data.data[i].static == 1) {
                                html += '<td class="td-status enable">待审核</td>' +
                                    '<td class="buttons td-manage"><a class="btn table-btn " onClick="goods_pass(this,'+msg.data.data[i].id+')" href="javascript:;" title="通过">' +
                                    '<i class="fa fa-check"></i></a><a class="btn table-btn" onclick="goods_nopass(this)" href="#" title="不通过">' +
                                    '<i class="fa fa-times"></i></a>';
                            } else if (msg.data.data[i].static == 2) {
                                html += '<td class="td-status pass">审核成功</td><td class="buttons td-manage">';
                            } else if (msg.data.data[i].static == 3) {
                                html += '<td class="td-status disable">审核失败</td><td class="buttons td-manage">';
                            }

                            html += '<a class="btn table-btn" onclick="goods_msg(this)" href="#" title="查看详情">' +
                                '<i class="fa fa-ellipsis-h"></i></a></td></tr>';
                            $('.table tbody').append(html);
                        }
                    }
                    //分页
                    $(".table").attr("pages", page);
                    laypage({
                        cont: 'page',
                        pages: pages,
                        curr: page,
                        jump: function (obj, first) {
                            if (!first) { //点击跳页触发函数自身，并传递当前页：obj.curr
                                postfile(obj.curr, s, c_id);
                            }
                        }
                    })
                } else {
                    layer.msg('获取信息不成功!', {icon: 5, time: 2000});
                }
            }
        })
    }

    // function getfile(index) {
    //     $.ajax({
    //         type: 'GET',
    //         url: "{:url('api/trading/get_category')}",
    //         data: {'p_id': index},
    //         dataType: 'jsonp',
    //         jsonp: 'callback',
    //         success: function (msg) {
    //             $("#select2").html('');
    //             if (msg.code == 200) {
    //                 if (msg.data.length > 0) {
    //                     var text = '<option value="0">全部</option>';
    //                     for (var j = 0; j < msg.data.length; j++) {
    //                         text += '<option value="' + msg.data[j].id + '">' + msg.data[j].market_name + '</option>';
    //                     }
    //                 }
    //                 $("#select2").html(text);
    //             }
    //         }
    //     });
    // }

    // $('.tabs ul li').on('click', function () {
    //     var index = $(this).attr('id');
    //     $("#all").val(index);
    //     if (index == 11) {
    //         getlile(1);
    //         getfile(index);
    //         postfile(1, index);
    //     } else if (index == 7) {
    //         getlile(0);
    //         getfile(index);
    //         postfile(1, index);
    //     } else {
    //         getlile(0);
    //         getfile(index);
    //         postfile(1, index);
    //     }
    // })


    $("#select3").change(function () {
        var s = $("#s").val();
        var c_id = $(this).val();
        $("#c_id").val(c_id);
        postfile(1, s, c_id);
    })

    // $("#select2").change(function () {
    //     var s = $("#s").val();
    //     var p_id = $(this).val();
    //     var c_id = $("#c_id").val();
    //     postfile(1, s, c_id);
    // })


    $("#select1").change(function () {
        var s = $(this).val();
        $("#s").val(s);
        var c_id = $("#c_id").val();
        postfile(1, s, c_id);
    });
    // 搜索
    $('.btn-search').click(function () {
        var s = $("#s").val();
        var c_id = $("#c_id").val();
        postfile(1, s, c_id);
    });

    //回车键绑定搜索
    $(".search-form").keydown(function (event) {
        if (event.keyCode == 13) {
            var s = $("#s").val();
            var c_id = $("#c_id").val();
            postfile(1, s, c_id);
        }
    });


    //商品信息
    function goods_msg(obj) {
        var id = "#" + $(obj).parents('tr').attr('id');
        layer.open({
            type: 2,
            title: '商品信息',
            shadeClose: true,
            shade: 0.8,
            area: ['700px', '700px'],
            content: 'trading_market_msg.html' + id
        });
    }
	
	 /*全选*/
    $("#role").change(function () {
        if ($(this).prop('checked')) {
            $("#role").prop('checked', true);
            $('.checked').prop('checked', true);
        } else {
            $("#role").prop('checked', false);
            $('.checked').prop('checked', false);
        }
    });
    function all_yes(obj) {
        var arrs = [];
        $('tbody input:checked').parents('tr').each(function () {
            arrs.push($(this).attr('id'));
        });
        if (arrs.length == 0) {
            layer.msg('请选择需要取消的!', {icon: 1, time: 1000});
            return false;
        }
        var ids = arrs.join(",");
        goods_pass(obj, ids);

    }


    /*通过审核*/
    function goods_pass(obj,id) {
        layer.confirm('确认该商品通过审核吗？', function (index) {
            var s = $("#s").val();
            var c_id = $("#c_id").val();
    //        var page_id = $(".laypage_curr").html();
            $.ajax({
                type: 'GET',
                url: "{:url('api/trading/goods_pass')}",
                dataType: 'jsonp',
                jsonp: 'callback',
                data: {id: id},
                success: function (msg) {
                    if (msg.code == 200) {
						$("#role").prop('checked', false);
                        //此处请求后台程序，下方是成功后的前台处理……
                        // $(obj).parents("tr").find(".td-status").html('审核通过').addClass("pass").removeClass("enable");
                        // $(obj).parent().find('.goods_nopass').remove();
                        // $(obj).remove();
                        postfile(1, s, c_id);
                        layer.msg('已通过审核!', {icon: 1, time: 1000});
                    } else {
                        layer.msg('已删除!', {icon: 1, time: 1000});
                    }
                }
            });
        });
    }

    /*不通过审核*/
    function goods_nopass(obj) {
        layer.confirm('确认该商品不通过审核吗？', function (index) {
            //此处请求后台程序，下方是成功后的前台处理……
            layer.close(index);
            layer.prompt({title: '审核不通过原因', formType: 2}, function (text, index) {
                var id = $(obj).parents('tr').attr('id');
      //          var page_id = $(".laypage_curr").html();
                var s = $("#s").val();
                var c_id = $("#c_id").val();
                $.ajax({
                    type: 'GET',
                    url: "{:url('api/trading/goods_nopass')}",
                    dataType: 'jsonp',
                    jsonp: 'callback',
                    data: {id: id, 'reson': text},
                    success: function (msg) {
                        if (msg.code == 200) {

                            postfile(1, s, c_id);
                            layer.msg('审核不通过!', {icon: 2, time: 1000});
                        } else {
                            layer.msg('审核不通过出错!', {icon: 5, time: 1000});
                        }
                        // layer.close(index);
                        // $(obj).parents("tr").find(".td-status").html('审核不通过').addClass("disable").removeClass("enable");
                        // ;
                        // $(obj).parent().find('.goods_pass').remove();
                        // $(obj).remove();
                        // layer.msg('审核不通过!', {icon: 2, time: 1000});

                    }
                })
            });
        })
    }


    //日期范围限制
    var start = {
        elem: '#logmin',
        format: 'YYYY-MM-DD',
        min: '1970-01-01', //设定最小日期为当前日期
        max: laydate.now(), //最大日期
        istime: false,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };

    var end = {
        elem: '#logmax',
        format: 'YYYY-MM-DD',
        min: '1970-01-01',
        max: laydate.now(),
        istime: false,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，充值开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);
</script>
</body>
</html>